<template>
  <div class="use-container">
    <el-card class="use-card">
      <div class="title">一卡通使用说明</div>
      <div class="body">
        <p class="sign">使用支付宝为校园卡充值的操作说明</p>
        <p>
          各位师生用户
          <br />
          <br />
          为了提升我校信息化建设水平，提高师生使用校园卡的便利性，提升校园卡系统的服务体验，信息化建设管理中心推出了校园卡的支付宝充值业务。
          <br />
          <br />
          具体使用方法如下：
          <br />
          <br />
          通过支付宝若火校园大厅（充一卡通）完成充值（首页->搜索“若火校园大厅”或者搜索“校园一卡通”->
          充一卡通 -> 选择青岛恒星科技学院 –> 充值校园卡）
          <br />
          <br />
          已有一卡通的同学
          打开支付宝->卡包->学生卡->缴费大厅->去缴费/缴费大厅->应用缴费->在应用缴费中你可以查看你所有的缴费申请，选择相应的选项，点击去缴费完成付款即可。
        </p>
        <p class="img-box">
          <img src="@/assets/img/common/step1.jpg" alt="" />
          <img src="@/assets/img/common/step2.jpg" alt="" />
          <img src="@/assets/img/common/step3.jpg" alt="" />
          <img src="@/assets/img/common/step4.jpg" alt="" />
          <img src="@/assets/img/common/step5.jpg" alt="" />
          <img src="@/assets/img/common/step6.jpg" alt="" />
        </p>
        <p>
          <br />
          <br />
          特此通知
          <br />
          <br />
          咨询电话：0888-88888888
          <br />
          <br />
          <br />
          <br />
          信息化建设管理中心
          <br />
          <br />
          2022年3月20日
        </p>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="less" scoped>
.use-container {
  .use-card {
    .title {
      color: #999;
      padding-bottom: 8px;
      border-bottom: 1px solid #ccc;
    }
    .body {
      .sign {
        font-size: 24px;
      }
      .img-box {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        img {
          display: block;
          width: 300px;
          //   border-top: 1px solid #999;
          border-bottom: 1px solid #999;
          margin-bottom: 10px;
        }
      }
    }
  }
}
</style>
